<!DOCTYPE html>
<html>
	<head>
	<title>Hunter</title>
		<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="/css/bootstrap.min.css" rel="stylesheet">

		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="/js/jquery-3.4.1.min.js"></script>

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="/js/bootstrap.min.js"></script>
	<!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
	<!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->	
	</head>
	<body style="padding-top: 90px;">
		<script type="text/javascript">
			function upload(){//上传新的文章
				$.ajax({
					type:'post',
					url:"/addinformation",
					data:{
						"title":document.getElementById("title").value,
						"content":document.getElementById("content").value,
						"sourse":document.getElementById("source").value,
						"Time":document.getElementById("Time").value,
						"visitTime":0,
					},
					success:function(){
						alert("更新成功")
					},
					error:function () {
						alert("failed")

					}
				});
			}	
		</script>
		<!-- 上部导航栏 -->
		<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="background-color: #660066;">
			<div class="container-fluid" >
				<div class="navbar-header">
					<a class="navbar-brand" style="margin-left: 20px;color: rgb(255, 255, 255);" href="https://www.baidu.com/">主页</a>
				</div>
				<div>
					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size: 18px;margin-left: 40px;color: rgb(255, 255, 255);">
								硬件信息<b class="caret"></b>
							</a>
							<ul class="dropdown-menu" style="background-color: #660066;">
								<li><a href="#" style="font-size: 18px;color: rgb(255, 255, 255);">CPU</a></li>
								<li><a href="#" style="font-size: 18px;color: rgb(255, 255, 255);">显卡</a></li>
								<li><a href="#" style="font-size: 18px;color: rgb(255, 255, 255);">内存</a></li>
								<li><a href="#" style="font-size: 18px;color: rgb(255, 255, 255);">硬盘</a></li>
								<li><a href="#" style="font-size: 18px;color: rgb(255, 255, 255);">笔记本</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="navbar-header">
						<a class="navbar-brand" href="#" style="margin-left: 40px;color: rgb(255, 255, 255);">社区交流</a>
				</div>
				<div>
					<form class="navbar-form navbar-left" role="search" style="margin-left: 650px;">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="输入查找的内容" style="width: 300px;">
						</div>
						<a href="https://www.baidu.com/">
							<img src="search.png" width="35px" height="35px">
						</a>
					</form>
				</div>
				<div>
					<a href="https://www.baidu.com/"><img src="头像.png" style="width: 37px;margin-top: 8px;"></a>
				</div>
			</div>
		</nav>
		<!-- 左部导航栏 -->
		<div class="col-md-2" style="margin-left:0px;margin-top:40px;">
				<div class="panel-group" id="accordion" >
					<div class="panel panel-default" >
						<div class="panel-heading" style="background-color: purple;">
			    <h5 class="panel-title">
				   <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
				   <h5><span class="glyphicon glyphicon-th-list" style="color: rgb(231, 237, 238); font-size: 20px;"> 功能页面</span></h5>
				   </a>
			    </h5>
		   		</div>
		    <div id="collapseOne" class="panel-collapse collapse in">
			    <div class="panel-body">
					<div class="list-group">
						<a class="list-group-item" style="color: rgb(117, 75, 187); font-size: 19px;" href="#">编辑文章</a>
						<a class="list-group-item" style="color: rgb(117, 75, 187); font-size: 19px;" href="#">更新硬件</a>
						<a class="list-group-item" style="color: rgb(117, 75, 187); font-size: 19px;" href="#">新增硬件</a>
						<a class="list-group-item" style="color: rgb(117, 75, 187); font-size: 19px;" href="#">添加整机</a>
					</div>
			    </div>
		    </div>
				</div>
			</div>
		</div>
		<div class="col-md-10">
			<div class="form-group" style="width: 550px; border:rgba(255, 255, 255, 0.103) 1px solid;padding-right: 0px;">
				<div class="col-sm-10">
					<input id="title" type="email" class="form-control" placeholder="请输入文章标题" style="border:#660066 2px solid; width: 1200px; font-size: 20px; font-weight: bold; margin-left: 0px;height: 60px;"/>
				</div>
			</div>
		</div>
		<div class="col-md-10" style="margin-top: 20px;">
			<div class="col-md-3">
				<div class="form-group" style="width: 550px; border:rgba(255, 255, 255, 0.103) 1px solid;padding-right: 0px;">
					<div class="col-sm-10">
						<input id="source" type="email" class="form-control" placeholder="请填写出处" style="border:#660066 2px solid; width: 300px; font-size: 20px; font-weight: bold; margin-left: -15px;height: 60px;"/>
					</div>
				</div>
			</div>
			<div class="col-md-8" >
				<div class="col-md-2">
					<div class="form-group" style="margin-left: 0px;">
						<div class="col-sm-10">
							<input id="Time" type="email" class="form-control" placeholder="时间" style="border:#660066 2px solid; width: 200px; font-size: 20px; font-weight: bold; margin-left: -30px;height: 60px;"/>
						</div>
					</div>
				</div>
				<div class="col-md-1" style="margin-left: 67px;margin-top: 5px;">
					<div style="height:100px; width:1px; border-left:1px #000 solid;height: 50px;margin-left: 8px;"></div>
				</div>
				<div class="col-md-2">
					<div class="form-group" style="width: 550px;padding-right: 0px;">
						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputEmail2" placeholder="标签" style="border:#660066 2px solid; width: 200px; font-size: 20px; font-weight: bold; margin-left: -50px;height: 60px;"/>
						</div>
					</div>
				</div>
				<div class="col-md-1" style="margin-left: 67px;margin-top: 5px;">
					<div style="height:100px; width:1px; border-left:1px #000 solid;height: 50px;margin-left: -13px;"></div>
				</div>
				<div class="col-md-2">
					<div class="form-group" style="width: 550px;padding-right: 0px;">
						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputEmail3" placeholder="标签" style="border:#660066 2px solid; width: 200px; font-size: 20px; font-weight: bold; margin-left: -70px;height: 60px;"/>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-9">
			<form role="form">
				<div class="form-group">
					<textarea id="content" class="form-control" rows="18" placeholder="请输入文章内容" style="font-weight: bold; margin-top: 15px; margin-left:15px; resize: none;border:#660066 2px solid;"></textarea>
				</div>
			</form>
			<div class="col-md-10"></div>
			<div class="col-md-2">
					<button onclick="upload()" type="button" class="btn btn-primary">提交</button>
					<button type="button" class="btn btn-primary" style="background-color: #e70f50;" onclick="$('.form-control').val('');">取消</button>
			</div>
		</div>
	</body>
</html>